﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>汉字按拼音排序</title>
    <script type="text/javascript">
        function txtSort(){
            // 获取排序前的文本
            var txtarray = document.getElementById("txt").value;
            // 通过间隔符号 将文本分割成数组
            txtarray = txtarray.split(",");
            txtarray.sort();
            txtarray.sort(function (txtarray,b){
                // 使用localeCompare进行2个文本的对比
                return txtarray.localeCompare(b)
            });
            document.getElementById("txt2").value = txtarray;
        }
    </script>
</head>
<body>
排序前：<textarea id="txt" >占三,里斯,亚当,苹果,香蕉,政治,历史</textarea>

<br />
排序后：<textarea id="txt2" ></textarea>
<br />
<input type="button" id="Button1" value="排序" onclick="txtSort()"/>
</body>
</html>